<template>
  <div class="dynamics-wrap">
    <div class="dynamics-content-wrap">
        <div class="title"><span>公司动态</span><span class="seat">首页 > 公司动态</span></div>
        <div class="platform-wrap">
          <div  class="platform-img">
             <el-carousel indicator-position="outside">
              <el-carousel-item v-for="item in dybg" :key="item">
                <img :src="item.img " class="dybg02"/>
              </el-carousel-item>
            </el-carousel>
          </div>
          <div class="platform-content-wrap">
            <div class="platform-title">腾科携手华为发布全云化ICT实验实训平台</div>
            <div class="platform-date">2018-12-04</div>
            <div class="platform-item">2018年9月15日-16日，广受IT业界瞩目的主题为“论‘践’云端，智‘创’教育—公有云实践与高校创新教育研讨会”暨华为全云化ICT实验实训平台发布会在广州富力丽思卡尔顿酒店隆重召开。</div>
             
             <router-link to="/dydetails"><div class="platform-detalis" @click.native="click">详情 <div class="detalis-img">></div></div></router-link>
          </div>
        </div>
        <div class="content-item-wrap"> 
          <div class="content-item" v-for="(item,index) in dydetails" :key="index"> 
            <img :src="item.img" class="dyimg"/>
            <div class="dycontent-wrap">
              <div class="dytitle">{{item.title}}</div>
              <div class="dydate">{{item.date}}</div>
              <div class="dyitem">{{item.item}}</div>
            </div>
          </div>
        </div>
    </div>
    <div class="dy-pagination">
       <el-pagination
        background
        layout="prev, pager, next"
        :total="1000">
      </el-pagination>
    </div>
  </div>
</template>
<script>
import dydetails01 from "./img/dydetails01.png"
import dydetails02 from "./img/dydetails02.png"
import dydetails03 from "./img/dydetails03.png"
import dydetails04 from "./img/dydetails04.png"
import dydetails05 from "./img/dydetails05.png"
import dybg02 from "./img/dybg02.png"
export default {
  data(){
    return{
      dybg:[
        {
          img:dybg02
        }
        ],
      dydetails:[
        {
          img:dydetails01,
          title:"腾科联合上海应用技术大学共建特色产业学院洽谈会成功召开",
          date:"2018-12-04",
          item:"5月8号上午，我司与上海应用技术大学校校企共建项目洽谈会在腾科会议室举行。总经理杨迎、职业发展顾问经理娄会、应技大刘云翔院长、陈丽琼院长等四人参加会议。",
        },
         {
          img:dydetails02,
          title:"华为全球首家全云化ICT学院落户广东创新科技职业学院",
          date:"2018-12-04",
          item:"如何解决传统实训室基础设施运维成本高，以及对各系统集中管理和使用情况的监控等问题？此次落户于广东创新科技职业学院的华为全球首家全云化ICT学院给出了答案。",
        },
         {
          img:dydetails03,
          title:"恭喜腾科8位学员11月5号获得RHCA（红帽云计算架构师）证书",
          date:"2018-12-04",
          item:"为匹配华为公司未来长期战略，紧随ICT技术演进趋势，保持华为认证品牌统一，确定于2019年1月2日起正式启动华为认证体系升级及相关更新工作。特公告如下：",
        },
         {
          img:dydetails04,
          title:"腾科联合上海应用技术大学共建特色产业学院洽谈会成功召开",
          date:"2018-12-04",
          item:"5月8号上午，我司与上海应用技术大学校校企共建项目洽谈会在腾科会议室举行。总经理杨迎、职业发展顾问经理娄会、应技大刘云翔院长、陈丽琼院长等四人参加会议。",
        },
         {
          img:dydetails05,
          title:"华为认证体系升级啦 ！",
          date:"2018-12-04",
          item:"为匹配华为公司未来长期战略，紧随ICT技术演进趋势，保持华为认证品牌统一，确定于2019年1月2日起正式启动华为认证体系升级及相关更新工作。特公告如下：",
        },
         {
          img:dydetails02,
          title:"腾科联合上海应用技术大学共建特色产业学院洽谈会成功召开",
          date:"2018-12-04",
          item:"5月8号上午，我司与上海应用技术大学校校企共建项目洽谈会在腾科会议室举行。总经理杨迎、职业发展顾问经理娄会、应技大刘云翔院长、陈丽琼院长等四人参加会议。",
        },
         {
          img:dydetails03,
          title:"华为全球首家全云化ICT学院落户广东创新科技职业学院",
          date:"2018-12-04",
          item:"如何解决传统实训室基础设施运维成本高，以及对各系统集中管理和使用情况的监控等问题？此次落户于广东创新科技职业学院的华为全球首家全云化ICT学院给出了答案。",
        },
         {
          img:dydetails04,
          title:"恭喜腾科8位学员11月5号获得RHCA（红帽云计算架构师）证书",
          date:"2018-12-04",
          item:"为匹配华为公司未来长期战略，紧随ICT技术演进趋势，保持华为认证品牌统一，确定于2019年1月2日起正式启动华为认证体系升级及相关更新工作。特公告如下：",
        },
         {
          img:dydetails05,
          title:"腾科联合上海应用技术大学共建特色产业学院洽谈会成功召开",
          date:"2018-12-04",
          item:"5月8号上午，我司与上海应用技术大学校校企共建项目洽谈会在腾科会议室举行。总经理杨迎、职业发展顾问经理娄会、应技大刘云翔院长、陈丽琼院长等四人参加会议。",
        },
         {
          img:dydetails01,
          title:"华为认证体系升级啦 ！",
          date:"2018-12-04",
          item:"为匹配华为公司未来长期战略，紧随ICT技术演进趋势，保持华为认证品牌统一，确定于2019年1月2日起正式启动华为认证体系升级及相关更新工作。特公告如下：",
        },
      ],
    }
  },
   methods: {
    click() {
      window.scroll(0, 0);
    }
  }
}
</script>
<style lang="stylus">
.dynamics-wrap
  .dy-pagination
    margin-left 530px
    margin-top 20px
  .dynamics-content-wrap
    width: 1200px;
    margin-left 120px
    margin-top 20px
    background-color: #ffffff;
    padding 40px 40px
    .title
      display flex
      justify-content space-between
      font-size: 28px;
      color: #1b1b1b;
      margin-bottom 28px
      .seat
        font-family: MicrosoftYaHeiLight;
        font-size: 12px;
        color: #666666;
    .platform-wrap
      display flex
      .platform-img
          width: 662px;
          height 372px
          .is-animating
            height 372px
      .platform-content-wrap
          width: 458px;
          height: 373px;
          background-color: #3e3636;
          padding:40px 45px 95px 40px
          .platform-title
            font-family: MicrosoftYaHei-Bold;
            font-size: 18px;
            color: #ffffff;
            margin-bottom 20px
          .platform-date
            font-size: 14px;
            color: #ffffff;
            opacity: 0.5; 
            margin-bottom 40px
          .platform-item
            font-size: 14px;
            line-height: 24px;
            margin-bottom 44px
            color: #ffffff;
          .platform-detalis
            display flex
            align-items center
            font-size: 14px;
            color: #009bec;
            .detalis-img
              width: 15px;
              height: 15px;
              background-color: #009bec;
              border-radius 50%
              color: #ffffff;
              line-height 15px
              text-align center
              align-items center
              // font-size 7px
              margin-left 10px
    .content-item-wrap
      margin-top 40px
      .content-item
        display flex
        border-bottom  1px dashed #dcdcdc;
        padding-bottom 20px
        margin-bottom 18px
        .content-item:last-child
          border-bottom none;
        .dyimg
            width: 268px;
            height: 152px;
            margin-right 20px
        .dycontent-wrap
            width: 815px;
            font-size: 14px;
            line-height: 24px;
            color: #666666;
            .dytitle
              font-size: 20px;
              line-height: 40px;
              color: #1b1b1b;
            .dydate  
              font-size: 14px;
              color: #999999;
              margin-top 14px
              margin-bottom 29px
</style>